<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <strong>学术服务</strong>
            </div>

            <div class="panel-body">
                <a id="add_research" role="button" class="btn btn-primary btn-sm" ng-click="add_reasearch()">
                    <i class="glyphicon glyphicon-plus">
                    </i> 添加学术服务
                </a>
                <div clss="table-container">
                    <div id="outerdiv">
                        <div id="innerdiv">
                            <table st-pipe="callServer" st-table="displayed" class="table table-striped">
                                <thead>
                                <tr>
                                    <th st-ratio="15" st-sort="create_time">时间</th>
                                    <th st-ratio="10">作者</th>
                                    <th st-ratio="25" st-sort="title">标书或文章标题</th>
                                    <th st-ratio="15">标书类别(结果)</th>
                                    <th st-ratio="15">投稿杂志(结果)</th>
                                    <th st-ratio="20" st-align-center>操作</th>
                                </tr>
                                <tr>
                                    <th st-ratio="15"></th>
                                    <th st-ratio="10"></th>
                                    <th st-ratio="25" colspan="1">
                                        <input st-search="title" placeholder="通过标题查询" class="input-sm form-control" type="search"/>
                                    </th>
                                </tr>
                                </thead>
                                <tbody ng-hide="isLoading">
                                <tr ng-repeat="row in displayed">
                                    <td st-ratio="15">{{row.create_time | date : 'yyyy-MM-dd'}}</td>
                                    <td st-ratio="20">{{row.doctor.name}}</td>
                                    <td st-ratio="25">
                                        <div ng-show="row.url">
                                            <a href="{{row.url}}">
                                                {{row.title}}
                                            </a>
                                        </div>
                                        <div ng-hide="row.url">
                                            {{row.title}}
                                        </div>

                                    </td>
                                    <!--<td st-ratio="25">{{row.title}}</td>-->
                                    <td st-ratio="10">{{row.type}}({{row.result}})</td>
                                    <td st-ratio="10">{{row.magazine}}({{row.m_result}})</td>
                                    <td st-ratio="20" st-align-center>

                                        <button type="button" ng-click="editResearch($index)" class="btn btn-sm btn-primary">
                                            <i class="glyphicon glyphicon-pencil">
                                            </i>
                                        </button>

                                        <button type="button" ng-click="removeResearch($index)" class="btn btn-sm btn-danger">
                                            <i class="glyphicon glyphicon-remove-circle">
                                            </i>
                                        </button>
                                    </td>
                                </tr>
                                </tbody>
                                <tbody ng-show="isLoading">
                                <tr>
                                    <td colspan="6" class="text-center">Loading ... </td>
                                </tr>
                                </tbody>

                                <tbody ng-show="noRecord">
                                <tr>
                                    <td colspan="6" class="text-center">暂无记录 </td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <!--<td class="text-center" st-pagination="" st-items-by-page="10" colspan="4"></td>-->
                                    <td colspan="6" class="text-center">
                                        <div st-items-by-page="10" colspan="40" st-pagination="" st-template="partials/pagination.custom.html"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>